<template>
    <div class="complete">
        <Header style="z-index:1025">
            <header-menu></header-menu>
        </Header>
        <div class="main">
            <div class="step">
                <Steps :current="2">
                    <Step title="提交预约"></Step>
                    <Step title="核对并支付"></Step>
                    <Step title="完成订单"></Step>
                </Steps>
            </div>
            <div class="orderForm">
                <div class="success">
                   <div class="suc-img"><img src="../Pay/img/success.png" alt=""></div>
                    <div class="suc-cont">
                        <h5>您的订单支付成功！</h5>
                        <p>感谢您在美淘购物。<a href="javascript:;">查看详情</a></p>
                    </div>
                </div>
            </div>
        </div>
        <bottom-icon></bottom-icon>
        <Footer>
            <page-footer></page-footer>
        </Footer>
    </div>
</template>

<script>
    import BottomIcon from '../../components/BottomIcon/'
    import PageFooter from '../../components/Footer/'
    import HeaderMenu from '@/components/Header/'
    export default {
        name: "Complete",
        components:{
            BottomIcon,
            PageFooter,
            HeaderMenu
        }
    }
</script>

<style scoped lang="less">
    .main {
        background-color: #FFFBFC;
        padding-bottom: 60px;
        .step {
            width: 1200px;
            padding: 30px 0 20px 200px;
            margin: 0 auto;
            overflow: hidden;
        }
        .orderForm {
            width: 1200px;
            margin: 0 auto;
            height: 267px;
            background-color: #fff;
            padding: 60px;
            overflow: hidden;
        }
        .success{
            width: 512px;
            margin: 0 auto;
        }
        .success div{
            float: left;
        }
        .suc-img{
            width: 116px;
            height: 117px;
        }
        .suc-img img{
            width: 100%;
            height: 100%;
        }
        .suc-cont{
            margin: 15px 0 0 80px;
        }
        .suc-cont h5{
            color: #333333;
            font-size: 24px;
            line-height: 50px;
        }
        .suc-cont p{
            line-height: 30px;
        }
    }
</style>